<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>简洁Tab</title>
<script type="text/javascript" src="EasyTabs.js"></script>
<link rel="stylesheet" type="text/css" href="EasyTabs.css">
</head>
<body>

<!--第二种形式-->
<div class="EasyTabs">
  <div class="EasyMenuBox">
    <ul class="EasyMenu">
      <li class="hover" onmouseover="EasyTabs.setTab(this)" index="1"><a href="#">道路工程</a></li>
      <li onmouseover="EasyTabs.setTab(this)" index="2"><a href="#">桥隧工程</a></li>
      <li onmouseover="EasyTabs.setTab(this)" index="3"><a href="#">港航工程</a></li>
      <li onmouseover="EasyTabs.setTab(this)" index="4"><a href="#">综合研究</a></li>
      <li onmouseover="EasyTabs.setTab(this)" index="5"><a href="#">交通信息化</a></li>
    </ul>
  </div>
  <div class="EasyMainBox">
  	<div  class="EasyMain">
	   <ul class="block" index="1"><li>新闻列表</li></ul>
	   <ul index="2"><li>评论列表</li></ul>
	   <ul index="3"><li>技术列表</li></ul>
	   <ul index="4"><li>点评列表</li></ul>
	   <ul index="5"><li>其它列表</li></ul>
	</div>
  </div>
</div>
<br />
<br />
</body>
</html>
